<!DOCTYPE html>
<html>
	<?php include_once '_header.php'?>
	<body>

		<?php include_once  '_nav.php'?>

		<!-- Banner Start -->
		<div class="fullwidthbanner-container">
			<div class="fullwidthbanner">
				<ul>

					<!-- Slide 1 -->
					<li data-transition="fade">
						<img src="<?php echo base_url()?>images/banner.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sfb big yellow"
							data-x="30"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<?php echo lang('home_banner_1a')?>
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sfb medium white"
							data-x="90"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
								<?php echo lang('home_banner_1b')?>
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sfb medium white"
							data-x="150"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
								<?php echo lang('home_banner_1c')?>
						</div>

						
					</li>
				
					<!-- Slide 2 -->
					<li data-transition="fade">
						<img src="<?php echo base_url()?>images/banner2.jpg" alt="" />

						<!-- Layer 1 -->
						<div class="tp-caption sfr big yellow"
							data-x="720"
							data-y="120"
							data-speed="500"
							data-start="200"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<?php echo lang('home_banner_2a')?>
						</div>

						<!-- Layer 2 -->
						<div class="tp-caption sfr medium white"
							data-x="790"
							data-y="230"
							data-speed="500"
							data-start="300"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<?php echo lang('home_banner_2b')?>
						</div>

						<!-- Layer 3 -->
						<div class="tp-caption sfr medium white"
							data-x="740"
							data-y="310"
							data-speed="500"
							data-start="400"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<?php echo lang('home_banner_2c')?>
						</div>

						<!-- Layer 4 -->
						<!--
						<div class="tp-caption sfr small black"
							data-x="720"
							data-y="405"
							data-speed="500"
							data-start="500"
							data-easing="Power4.easeOut"
							data-endspeed="100"
							data-endeasing="Power4.easeIn"
							style="z-index: 3">
							<a href="http://themeforest.net/user/Coffeecream">Buy This Theme</a>
						</div>-->

					</li>

					
				
					

				</ul>
			</div>
		</div>
		<!-- Banner End -->

		<div class="container">

			<!-- Services Start -->
			<div class="row text-center services">
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-arrows-alt fa-4x"></i></p>
					<h3><?php echo lang('service_title_1')?></h3>
					<p><?php echo lang('service_text_1')?></p>
				</div>
				
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-cogs fa-4x"></i></p>
					<h3><?php echo lang('service_title_2')?></h3>
					<p><?php echo lang('service_text_2')?>.<br/><br/><a href="#" class="btn btn-primaryBlue btn-lg"><?php echo lang('service_btn_2')?></a></p>
					
				</div>
				<div class="col-sm-4 services-item">
					<p class="brand-primary"><i class="fa fa-html5 fa-4x"></i></p>
					<h3><?php echo lang('service_title_3')?></h3>
					<p><?php echo lang('service_text_3')?>.</p>
				</div>
			
			</div>
			<!-- Services End -->
			
			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>
			
			<!-- Showcase Start -->
			<div class="row text-center showcase">
				<div class="col-sm-8 col-sm-offset-2">
					<h2><?php echo lang('latest_products_title')?></h2>
					<p><?php echo lang('latest_products_text')?></p>
				</div>
			</div>
			<div class="row text-center row-margin">
				<div id="showcase" class="owl-carousel">
				<?php foreach ($listproduct as $l){?>
							<?php 
							$desc_str=$l["Description"];
							$des_arr=explode("/", $desc_str);
							if($lang=="fr")
							{
								if($des_arr[0]!="")
								{
									$description=$des_arr[0];
								}else if($des_arr[1]!="" )
								{
									$description=$description=$des_arr[1];
								}
							}
							
							if($lang=="en")
							{
								if($des_arr[1]!="")
								{
									$description=$des_arr[1];
								}else if($des_arr[0]!="" )
								{
									$description=$description=$des_arr[0];
								}
							}

							if($lang=="cn")
							{
								if($des_arr[2]!="")
								{
									$description=$des_arr[2];
								}else if($des_arr[1]!="" )
								{
									$description=$description=$des_arr[1];
								}else if($des_arr[0]!="")
								{
									$description=$description=$des_arr[0];
								}
							}
						?>	
			
					<div>
						<div class="item">
							<img src="<?php echo base_url()."products/".$l["ItemCode"].".jpg"?>" alt="" width=180 />
							<div class="hover">
								<ul>
										<li class="view-website"></li>
								</ul>
								<p><?php echo $description; ?>&nbsp; &nbsp;<?php echo "code:".$l["ItemCode"]." ".$l["Comment"];?></p>
							</div>
						</div>
					</div>
					<?php }?>	
					
					
					
				</div>
			</div>
		
			
			
			
			<div class="row text-center">
				<a href="<?php echo base_url().$lang?>/pages/latestproducts" class="btn btn-primary btn-lg"><?php echo lang('latest_btn')?></a>
			</div>
			<!-- Showcase End -->

			<div class="divider">
				<i class="fa fa-circle-o"></i>
			</div>

			<!-- About Us Start -->
			<div class="row about">
				<div class="col-sm-6">
					<h2><?php echo lang('lordford_offer_title')?></h2>
					<p><?php echo lang('lordford_offer_text')?></p>
					<p><a href="<?php echo base_url().$lang?>/pages/aboutus" class="btn btn-primary btn-lg"><?php echo lang('lordford_offer_btn')?></a></p>
				</div>
				<div class="col-sm-6">
					<h2><?php echo lang('Warehousing_title')?></h2>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-heart fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5><?php echo lang('Warehousing_title_1')?></h5>
							<p><?php echo lang('Warehousing_text_1')?></p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-gears fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5><?php echo lang('Warehousing_title_2')?></h5>
							<p><?php echo lang('Warehousing_text_2')?></p>
						</div>
					</div>
					<div class="row">
						<div class="col-xs-2 brand-primary">
							<span class="fa-stack fa-2x">
								<i class="fa fa-circle fa-stack-2x"></i>
								<i class="fa fa-wrench fa-stack-1x fa-inverse"></i>
							</span>
						</div>
						<div class="col-xs-10 text-left">
							<h5><?php echo lang('Warehousing_title_3')?></h5>
							<p><?php echo lang('Warehousing_text_3')?></p>
						</div>
					</div>
				</div>
			</div>
			<!-- About Us End -->
			
			
			

		

			
			
		</div>

		<!-- Icons Start -->
		<div class="icons">
			<div class="container">
				<div class="tint"></div>
				<div class="row text-center">
					<div class="col-sm-12">
						<h2><?php echo lang('just_in_case')?></h2>
						<p><?php echo lang('few_contact')?></p>
					</div>
				</div>
				<div class="row text-center">
					<div class="col-xs-3">
						
					</div>
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-phone fa-3x fa-inverse"></i>
							</span>
							<?php echo lang('circle1')?>
						</a>
					</div>
					<div class="col-xs-3">
						<a href="#">
							<span class="icons-circle">
								<i class="fa fa-envelope fa-3x fa-inverse"></i>
							</span>
							<?php echo lang('circle2')?>
						</a>
					</div>
					<div class="col-xs-3">
						
					</div>
				</div>
			</div>
		</div>
		<!-- Icons End -->

		<!-- Prefooter Start -->
		<div class="prefooter">
			<div class="container">
			
			
				<div class="row">
				
					<div class="col-sm-4 footer-photos">
						<h5><?php echo lang('gen_info')?></h5>
						<ul>
							<img src="<?php echo base_url()?>images/warehouseFoot.jpg" alt="" />
						</ul>
						<div class="clear"></div>
					</div>
					
					
					
				
					
					<div class="col-sm-4 footer-photos">
						<h5>-</h5>
						<ul>
							<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?q=1493+Rue+Antonio-barbeau,+Montr%C3%A9al&amp;layer=c&amp;sll=45.531883,-73.656101&amp;cbp=13,166.3,,0,6.08&amp;cbll=45.531879,-73.655957&amp;hl=en&amp;ie=UTF8&amp;hq=&amp;hnear=1493+Rue+Antonio+Barbeau,+Montr%C3%A9al,+Qu%C3%A9bec+H4N+2R5&amp;ll=45.531883,-73.656101&amp;spn=0.006802,0.009645&amp;t=m&amp;z=14&amp;panoid=KJo1UPg0sSYnQa61rgt6Hw&amp;source=embed&amp;output=svembed"></iframe><br /><small><a href="https://maps.google.ca/maps?q=1493+Rue+Antonio-barbeau,+Montr%C3%A9al&amp;layer=c&amp;sll=45.531883,-73.656101&amp;cbp=13,166.3,,0,6.08&amp;cbll=45.531879,-73.655957&amp;hl=en&amp;ie=UTF8&amp;hq=&amp;hnear=1493+Rue+Antonio+Barbeau,+Montr%C3%A9al,+Qu%C3%A9bec+H4N+2R5&amp;ll=45.531883,-73.656101&amp;spn=0.006802,0.009645&amp;t=m&amp;z=14&amp;panoid=KJo1UPg0sSYnQa61rgt6Hw&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
						</ul>
						<div class="clear"></div>
					</div>
					
					
					
					<div class="col-sm-4 footer-contact">
						<h5>-</h5>
						<ul>
							<li>
								<address>
									<i class="fa fa-map-marker"></i>
									<p>
										<span><?php echo lang('gen_address')?>:</span>
										<br>1493 Rue Antonio-barbeau
										<br>Montréal, Canada, QC  H4N 2R5
									</p>
								</address>
							</li>
							<li>
								<i class="fa fa-phone"></i>
								<p><span><?php echo lang('gen_phone')?>:</span>  (514) 381-9898</p>
							</li>
							<li>
								<i class="fa fa-print"></i>
								<p><span><?php echo lang('gen_fax')?>:</span>  (514) 381-2018</p>
							</li>
							<li>
								<i class="fa fa-envelope"></i>
								<p><span><?php echo lang('gen_email')?>:</span> <a href="mailto:name@domain.com">name@domain.com</a></p>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- Prefooter End -->

		<!-- Footer Start -->
		<?php include_once '_footer.php';?>
		<!-- Footer Start -->

		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="http://code.jquery.com/jquery.js"></script>

		<!-- Bootstrap Plugins -->
		<script src="<?php echo base_url()?>js/bootstrap.min.js"></script>

		<!-- Retina Plugin -->
		<script src="<?php echo base_url()?>js/retina-1.1.0.min.js"></script>

		<!-- Slider Revolution Plugins -->
		<script src="<?php echo base_url()?>js/jquery.themepunch.plugins.min.js"></script>
		<script src="<?php echo base_url()?>js/jquery.themepunch.revolution.js"></script>

		<!-- Slider Revolution Settings -->
		<script src="<?php echo base_url()?>js/settings-revolution.js"></script>

		<!-- Owl Carousel Plugin -->
		<script src="<?php echo base_url()?>js/owl.carousel.js"></script>

		<!-- Fancybox Plugin -->
		<script src="<?php echo base_url()?>js/jquery.fancybox.js"></script>

		<!-- Home Page Settings -->
		<script src="<?php echo base_url()?>js/settings-home.js"></script>

	</body>
</html>